<?php

session_start();

if ((!isset($_SESSION['usua_se'])) || ($_SESSION['rol_se'] != '1'))
{
	header('Location: ../../vistas/');
} else {
	
require '../../includes/funcionesProductos.php';
require '../../includes/funcionesUsuarios.php';
$serviciosProductos = new ServiciosProductos();
$serviciosUsuarios = new ServiciosUsuarios();



?>

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">



<title>Administrador de Pedidos</title>



<link rel="stylesheet" type="text/css" href="../../css/estilo.css"/>

<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>


<link rel="stylesheet" href="../../css/jquery-ui.css">

<script src="../../js/jquery-1.10.2.js"></script>
<script src="../../js/ui/jquery.ui.core.js"></script>
<script src="../../js/ui/jquery.ui.widget.js"></script>
<script src="../../js/ui/jquery.ui.mouse.js"></script>
<script src="../../js/ui/jquery.ui.button.js"></script>
<script src="../../js/ui/jquery.ui.draggable.js"></script>
<script src="../../js/ui/jquery.ui.position.js"></script>
<script src="../../js/ui/jquery.ui.dialog.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="../../bootstrap/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../../css/datepicker.css">


<style>
    .buscador {
        width:620px; 
        margin-top: 30px; 
        margin-bottom:5px; 
        padding:15px;
        padding-top:2px;
        background-color:#C00; 
        border:1px solid #840000;	
        -webkit-border-radius: 12px;  /* Safari  */
        -moz-border-radius: 12px;     /* Firefox */
        border-radius: 12px;
    }

    #buscar {
        background:url(../../imagenes/buscarIco.png) no-repeat;
        width: 35px;
        height:35px;
        border:none;
        text-decoration:none;
    }
    
    .cf:before, .cf:after{
        content:"";
        display:table;
    }
     
    .cf:after{
        clear:both;
    }
     
    .cf{
        zoom:1;
    }    
    
    .form-wrapper2 {
        width: 550px;
        /*350px*/
        padding: 15px;
        margin: 20px auto 10px auto;

        background: #444;
        background: rgba(0,0,0,.2);
        border-radius: 10px;
        box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    }
     
    /* Form text input */
     
     
    .form-wrapper2 #texto {
        width: 210px;
        /*230px*/
        height: 40px;
        padding: 10px 5px;
        float: left;   
        font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
        background: #eee;
        border-radius: 3px 0 0 3px;     
    }
     
    .form-wrapper2 #texto:focus {
        outline: 0;
        background: #fff;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
     
    .form-wrapper2 #texto::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
     
    .form-wrapper2 #texto:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
     
    .form-wrapper2 #texto:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }  
     
     
      
     
    /* Form submit button */
    .form-wrapper2 button {
        overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 40px;
        width: 110px;
        /*110px*/
        font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #d83c3c;
        border-radius: 0 3px 3px 0;     
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }  
       
    .form-wrapper2 button:hover{    
        background: #e54040;
    }  
       
    .form-wrapper2 button:active,
    .form-wrapper2 button:focus{  
        background: #c42f2f;
        outline: 0;  
    }
     
    .form-wrapper2 button:before { /* left arrow */
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c transparent;
        top: 12px;
        left: -6px;
    }
     
    .form-wrapper2 button:hover:before{
        border-right-color: #e54040;
    }
     
    .form-wrapper2 button:focus:before,
    .form-wrapper2 button:active:before{
            border-right-color: #c42f2f;
    }     
     
    .form-wrapper2 button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
        border: 0;
        padding: 0;
    }    
    
    .tablaPer tr {
        background-color: #d99795;
        color:#000;
        font-size:18px;
        font-family:Verdana, Geneva, sans-serif;
    }
    .tablaPer tr td {
        padding:10px;
        text-align:center;
        border-color: #000;
    }
    
    .colorTd {
        color:#000;
        font-weight:bold;
        background-color:#f5e0df;
    }
	
	.row {
		margin-top:12px;
	}
</style>
        
<link rel="stylesheet" href="../../css/chosen.css">
        
</head>



<body>

<div class="row">
	<div class="col-md-12">
        <ul class="nav nav-tabs">
          <?php if ($_SESSION['rol_se'] == 1) { ?><li role="presentation"><a href="../principal/">Productos</a></li><?php } ?>
          <li role="presentation"><a href="../dashboard/">Pedidos</a></li>
          <li role="presentation" class="active"><a href="index.php">Pedidos Costos</a></li>
          <li role="presentation"><a href="../dashboard/pedidoseliminados.php">Pedidos Eliminados</a></li>
          <?php if ($_SESSION['rol_se'] == 1) { ?><li role="presentation"><a href="../usuarios/">Usuarios</a></li><?php } ?>
          <li role="salir"><a href="../logout.php">Salir</a></li>
        </ul>
    </div>

</div>

<div class="row">

    
    <!-- para la lista de pedidos -->
    <div class="col-md-12">
    	<div class="panel panel-primary" style="margin-top:20px;">
		<div class="panel-heading">
			<h3 class="panel-title">Costos de pedidos</h3>
		</div>
			<div class="panel-body">
            	<div class="row">
                	<div class="col-md-2">
                        <label for="fechadesde" class="control-label">Fecha Desde</label>
                        <div class='input-group'>
                            <input  type="text" class="form-control" placeholder="seleccione la fecha"  id="example1">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    
                    <div class="col-md-2">
                        <label for="fechadesde" class="control-label">Fecha Hasta</label>
                        <div class='input-group'>
                            <input  type="text" class="form-control" placeholder="seleccione la fecha"  id="example2">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    
                    <div class="col-md-2" align="center" style="margin-top:15px;">
                        
                        <button type="button" style="padding:10px;background-color: #0890a8;border-radius: 7px 7px 7px 7px;display: inline-block;margin-bottom: 0px!important; box-shadow: 0 -4px 0 #054955 inset; -webkit-box-shadow: 0 -4px 0 #054955 inset; -moz-box-shadow: 0 -4px 0 #054955 inset; border:none; color:#fff; font-size:1.2em;" id="calcular">Calcular</button>
                    </div>
                   
                    
                </div><!-- fin del row -->
                
                <div style="height:auto;margin-top:20px;" id="resultadoUsuarios" >

				</div>
                
                <div style="height:auto;" id="resultadoPedidos">

				</div>
            </div>
		</div>
    </div>
</div>







</div>

<script type="text/javascript" src="../../js/jquery.dataTables.min.js"></script>
<script src="../../bootstrap/js/dataTables.bootstrap.js"></script>
<script src="../../js/chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    var config = {
      '.chosen-select'           : {},
      '.chosen-select-deselect'  : {allow_single_deselect:true},
      '.chosen-select-no-single' : {disable_search_threshold:10},
      '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
      '.chosen-select-width'     : {width:"95%"}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
  </script>

<script type="text/javascript" src="../../js/bootstrap-datepicker.js"></script>
<script type="text/javascript">

	$(document).ready(function(){
		

		$('#example1').datepicker({
			format: "yyyy/mm/dd"
		}); 

		$('#example2').datepicker({
			format: "yyyy/mm/dd"
		});
		
		$('.varborrar').click(function(event){
		  usersid =  $(this).attr("id");
		  if (!isNaN(usersid)) {
			$("#idCliente").val(usersid);
			$("#dialog2").dialog("open");
			//url = "../clienteseleccionado/index.php?idcliente=" + usersid;
			//$(location).attr('href',url);
		  } else {
			alert("Error, vuelva a realizar la acción.");	
		  }
		  
		  //post code
		});
		
		
		function traerCostosPedidos(fechadesde,fechahasta,usuario) {
			if (($('#example1').val() != '') && ($('#example2').val() != '')) {
				$.ajax({
						data:  {fechadesde: fechadesde,
								fechahasta: fechahasta,
								usuario: usuario,
								accion: 'traerPedidosCostos'},
						url:   '../../ajax/ajax.php',
						type:  'post',
						beforeSend: function () {
								
						},
						success:  function (response) {
							if (response != '') {
								$('#resultadoPedidos').html(response);
							} else {
								$('#resultadoPedidos').html('<h3>No se encontraron datos!</h3>');
							}
								
						}
				});
			} else {
				alert('Debe seleccionar ambas fechas para calcular, y la fecha desde debe ser mayor a la fecha hasta');	
			}
			
		}
		
		
		$('#resultadoUsuarios').on("click", ".costosusuario",function(){
		  usersid =  $(this).attr("id");
		  if (!isNaN(usersid)) {
			if (($('#example1').val() != '') && ($('#example2').val() != '')) {
				$.ajax({
						data:  {fechadesde: $('#example1').val(),
								fechahasta: $('#example2').val(),
								usuario: usersid,
								accion: 'traerPedidosCostos'},
						url:   '../../ajax/ajax.php',
						type:  'post',
						beforeSend: function () {
								
						},
						success:  function (response) {
							if (response != '') {
								$('#resultadoPedidos').html(response);
							} else {
								$('#resultadoPedidos').html('<h3>No se encontraron datos!</h3>');
							}
								
						}
				});
			} else {
				alert('Debe seleccionar ambas fechas para calcular, y la fecha desde debe ser mayor a la fecha hasta');	
			}
			//url = "../clienteseleccionado/index.php?idcliente=" + usersid;
			//$(location).attr('href',url);
		  } else {
			alert("Error, vuelva a realizar la acción.");	
		  }
		  
		  //post code
		});
		
		$('#usuario2').click(function() {
            if (($('#example1').val() != '') && ($('#example2').val() != '')) {
				$.ajax({
						data:  {fechadesde: $('#example1').val(),
								fechahasta: $('#example2').val(),
								usuario: $('#usuario').val(),
								accion: 'traerPedidosCostos'},
						url:   '../../ajax/ajax.php',
						type:  'post',
						beforeSend: function () {
								
						},
						success:  function (response) {
							if (response != '') {
								$('#resultadoPedidos').html(response);
							} else {
								$('#resultadoPedidos').html('<h3>No se encontraron datos!</h3>');
							}
							$("button").off('click');	
						}
				});
			} else {
				alert('Debe seleccionar ambas fechas para calcular, y la fecha desde debe ser mayor a la fecha hasta');	
			}
        });	
		
		
		$('#calcular').click(function() {
            if (($('#example1').val() != '') && ($('#example2').val() != '')) {
				$.ajax({
						data:  {fechadesde: $('#example1').val(),
								fechahasta: $('#example2').val(),
								accion: 'traerPedidosCostosUsuarios'},
						url:   '../../ajax/ajax.php',
						type:  'post',
						beforeSend: function () {
								
						},
						success:  function (response) {
							if (response != '') {
								$('#resultadoUsuarios').html(response);
								traerCostosPedidos($('#example1').val(),$('#example2').val(),'');
							} else {
								$('#resultadoUsuarios').html('<h3>No se encontraron datos!</h3>');
							}
							
						}
				});
			} else {
				alert('Debe seleccionar ambas fechas para calcular, y la fecha desde debe ser mayor a la fecha hasta');	
			}
        });	
		
				
		$( "#dialog2" ).dialog({
		 	
			autoOpen: false,
			resizable: false,
			width:600,
			height:340,
			modal: true,
			buttons: {
				"Eliminar": function() {

					$.ajax({
								data:  {id: $('#idCliente').val(), accion: 'eliminarPedido'},
								url:   '../../ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
								},
								success:  function (response) {
										url = "index.php";
										$(location).attr('href',url);
										
								}
						});
					$( this ).dialog( "close" );
					$( this ).dialog( "close" );
						$('html, body').animate({
							scrollTop: '100px'
						},
						1500);
				},
				Cancelar: function() {
					$( this ).dialog( "close" );
				}
			}
	 
	 
		});
		
		$('#estado').change(function() {
			if ($(this).val() == 'PERSONALIZADO') {
				$('#personalizado').show(300);	
			} else {
				$('#personalizado').hide(300);
			}
		});
		
		$('.comentario').click(function(event){
			  usersid =  $(this).attr("id");
			  $(this).tooltip();
		});//fin del boton eliminar
		
		$('#usuarios').click(function(event){
				url = "../usuarios/";
				$(location).attr('href',url);
		});
		
		
		$('#estados').click(function(event){
				url = "../estados/";
				$(location).attr('href',url);
		});
		
		$('#categorias').click(function(event){
				url = "../principal/";
				$(location).attr('href',url);
		});
		
		$('#example').dataTable();
		
		var eventFired = function ( type ) {
			$('[data-toggle="tooltip"]').tooltip();     
		}
		$('#example')
        .on( 'order.dt',  function () { eventFired( 'Order' ); } )
        .on( 'search.dt', function () { eventFired( 'Search' ); } )
        .on( 'page.dt',   function () { eventFired( 'Page' ); } )
        .dataTable();
		
		
		$(function () {
		  $('[data-toggle="tooltip"]').tooltip();
		});
		
		
		
	$("#nropedido").click(function(event) {
		$("#nropedido").removeClass("alert-danger");
		if ($(this).val() == "") {
			$("#nropedido").attr('value','');
			$("#nropedido").attr('placeholder','Es obligatorio el campo Nro Pedido.');
		}
		
    });

	$("#nropedido").change(function(event) {
		$("#nropedido").removeClass("alert-danger");
		$("#nropedido").attr('placeholder','Es obligatorio el campo Nro Pedido.');
	});
	
	
	function validador(){
		$error = "";

		if ($("#nropedido").val() == "") {
			$error = "Es obligatorio el campo Nro Pedido.";

			alert($error);
		}
		
		if ($("#refcliente").chosen().val() == "") {
			$error = "Es obligatorio el campo Nombre.";

			alert($error);
		}


		return $error;
		
	}
	
	
	$('#agregar').click(function() {
		$("#dialogCrear").dialog("open");
	});
	
	$( "#dialogCrear" ).dialog({
		 	
			    autoOpen: false,
			 	resizable: false,
				width:800,
				height:700,
				modal: true,
				buttons: {
				    "Crear": function() {
	
						/* ajax */
						if (validador() == "")
						{
							
							var estado = '';
							if ( $('#estado').val() == 'PERSONALIZADO') {
								estado = $('#personalizado').val();
							} else {
								estado = $('#estado').val();
							}
							
							
							$.ajax({
							data:  {nombre:		$("#refcliente").chosen().val(),
									refestado: estado,
									nrofactura: $('#nropedido').val(),
									comentario: $('#comentarios').val(),
									refusuario: <?php echo $_SESSION['idusua_se']; ?>,
									accion:		'insertarPedido'},
							url:   '../../ajax/ajax.php',
							type:  'post',
							beforeSend: function () {
									$("#load").html('<img src="../../imagenes/load13.gif" width="50" height="50" />');
							},
							success:  function (response) {
									
									if (response != '') {
										
										$("#error").removeClass("alert alert-danger");
				
										$("#error").addClass("alert alert-danger");
										$("#error").html('<strong>Error!</strong> No se pudo agregar el pedido');
										$("#load").html('');
				
									} else {
										//alert('aca');
										$("#error").addClass("alert alert-success");
										$("#error").html('<strong>Ok!</strong> Se cargo el pedido correctamente');
										/*var cad = '<tr><td>'+$('#nropedido').val()+'</td>'+
																'<td>'+$("#refcliente").chosen().text()+'</td>'+
																'<td>'+$("#estado option:selected").text()+'</td>'+
																'<td>'+$.now()+' por <?php echo $_SESSION['idusua_se']; ?>'+'</td>'+
																'<td align="center"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="'+$('#comentario').val()+'" style="color:#F00; font-weight:800; ">?</a></td>'+
																'<tr>';*/
										//alert(cad);
										//$('#lstpedidos').prepend(cad);
										url = "index.php";
										$(location).attr('href',url).slideUp( 900 );
										
									}
									
							}
                        });
        				}
						
						
				    },
				    Cancelar: function() {
						$( this ).dialog( "close" );
				    }
				}
		 
		 
	 		});
						/* fin del ajax
				    },
				    Cancelar: function() {
						$( this ).dialog( "close" );
				    }
				}
		 
		 
	 		});
				
				
				/* fin del crear */
	
	
	
	
	
	
	$('#agregar2').click(function() {
		if (validador() == "")
		{
				
			$.ajax({
			data:  {nombre:		$("#refcliente").chosen().val(),
					refestado: $('#estado').val(),
					nrofactura: $('#nropedido').val(),
					comentario: $('#comentarios').val(),
					refusuario: <?php echo $_SESSION['idusua_se']; ?>,
					accion:		'insertarPedido'},
			url:   '../../ajax/ajax.php',
			type:  'post',
			beforeSend: function () {
					$("#load").html('<img src="../../imagenes/load13.gif" width="50" height="50" />');
			},
			success:  function (response) {
					
					if (response != '') {
						
						$("#error").removeClass("alert alert-danger");

						$("#error").addClass("alert alert-danger");
						$("#error").html('<strong>Error!</strong> No se pudo agregar el pedido');
						$("#load").html('');

					} else {
						//alert('aca');
						$("#error").addClass("alert alert-success");
						$("#error").html('<strong>Ok!</strong> Se cargo el pedido correctamente');
						/*var cad = '<tr><td>'+$('#nropedido').val()+'</td>'+
												'<td>'+$("#refcliente").chosen().text()+'</td>'+
												'<td>'+$("#estado option:selected").text()+'</td>'+
												'<td>'+$.now()+' por <?php echo $_SESSION['idusua_se']; ?>'+'</td>'+
												'<td align="center"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="'+$('#comentario').val()+'" style="color:#F00; font-weight:800; ">?</a></td>'+
												'<tr>';*/
						//alert(cad);
						//$('#lstpedidos').prepend(cad);
						url = "index.php";
						$(location).attr('href',url).slideUp( 900 );
						
					}
					
			}
			});
		}
	});/* fin del agregar */
	});/* fin del document ready */

</script>

</body>

</html>

<? } ?>